<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="common/iconfont/iconfont.css" />
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				background-color: #F3F5F7;
				font-family: "微软雅黑";
			}
			
			.header {
				height: 45px;
				line-height: 45px;
				background: #f9f9f9;
				color: #616161;
				font-size: 18px;
				border-bottom: 1px solid #bbb;
				text-align: center;
			}
			
			.header .icon {
				width: 20px;
				position: absolute;
				left: 10px;
			}
			
			.content .info {
				display: -webkit-box;
				border: 1px solid #D7D7D7;
				background-color: #ffffff;
				border-radius: 3px;
				margin: 30px 20px;
			}
			
			.content input {
				display: -webkit-box;
				-webkit-box-flex: 1;
				height: 40px;
				outline: none;
				border: none;
				margin: 0 10px;
				font-size: 14px;
				line-height: 40px;
			}
			
			.content .verify {
				display: -webkit-box;
				-webkit-box-flex: 1;
				margin: 30px 20px;
			}
			
			.content .verify .btn {
				width: 130px;
				margin-left: 10px;
				background-color: #EEEEEE;
				line-height: 40px;
				text-align: center;
				border-radius: 3px;
				outline: none;
				font-size: 14px;
				border: 1px solid #EEEEEE;
			}
			
			.content .verify .input {
				display: -webkit-box;
				-webkit-box-flex: 1;
				background-color: #FFFFFF;
				border: 1px solid #D7D7D7;
				border-radius: 3px;
			}
			
			.content .register {
				display: -webkit-box;
				margin: 50px 20px 0 20px;
				background-color: #F23030;
				height: 40px;
				line-height: 40px;
				-webkit-box-pack: center;
				border-radius: 3px;
				color: white;
			}
			
			.content .warning {
				display: -webkit-box;
				margin: 10px 20px;
				font-size: 12px;
				color: #616161;
			}
			
			.content .warning a {
				color: red;
				text-decoration: underline;
			}
			
			.content .verify .istrue {
				border: 1px solid #FF0000;
				color: red;
			}
		</style>
		<script src="common/js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="common/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="common/js/base.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="header">
			<i class="icon Hui-iconfont">&#xe6d4;</i>设置密码
		</div>
		<div class="content">
			<div class="info">
				<input type="text" placeholder="请设置登录密码" v-model="code" />
			</div>
			<div class="register" @click="setPwd">
				确认
			</div>
			<p class="warning">注册即视为同意
				<a href="">《京东注册协议》</a>,
				<a href="">《隐私协议》</a>
			</p>
		</div>

		<script src="common/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="common/js/fastclick.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="vue/setpwdVue.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>